<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1.0" />
    <title>小儿推拿</title>

    <%@ include file="/include/datetables.jsp"%>

</head>
<body>
<div class="Baby_Healthy_home">
    <!--左侧-->
    <jsp:include page="/include/menu.jsp" flush="true">
        <jsp:param name="index" value="6"/>
    </jsp:include>
    <!--右侧-->
    <div class="Baby_Healthy_home_right">
        <div class="Baby_Healthy_home_right_top">
            <ul class="Baby_Healthy_home_right_top_list card_bgc">
                <li class="num1 bespeak_active js_power_24"><a href="${pageContext.request.contextPath}/card/gotoCardManagement">卡项管理</a></li>
                <li class="num2 js_power_25"><a href="${pageContext.request.contextPath}/card/gotoCouponManagement">优惠券管理</a></li>
            </ul>
        </div>
        <!--优惠券-->
        <div class="Baby_Healthy_home_right_bespeak_list">
            <ul class="zcnavbrand clearfix contain_bottom_line1">
                <li><a href="${pageContext.request.contextPath}/card/gotoCardManagement" class="">卡项管理</a></li>
                <li><a href="javascript:void(0)" class="js_brandLast">添加卡项</a></li>
            </ul>
            <div class="couponContent">
                <div class="couponWrapper js_cardEdit">
                    <div class="couponOption">
                        <label class="formTipText">*&nbsp;卡项名称：</label>
                        <input class="couponInput couponName js_cardName" type="text" name="cardName" placeholder="请输入优惠卡项名称" datatype="*" errormsg="请输入正确的卡项名称" nullmsg="卡项名称是必须填写的">
                        <span class='Validform_checktip Validform_error3' /> 
                    </div>
                    <div class="couponOption">
                        <label class="formTipText">*&nbsp;卡项类别：</label>
                        <div class="zcformelm js_cardchage" style="margin-bottom:0">
                            <a href="javascript:void(0)" class="zcform_check1 zcaccheck" data-vals="5">计次卡</a>
                            <a href="javascript:void(0)" class="zcform_check1" data-vals="4">储值卡</a>
                        </div>
                    </div>
                    <div class="couponOption js_card2 hidden">
                        <label class="formTipText">*&nbsp;充值金额 ：</label>
                        <input class="couponInput couponNum js_cardValue" type="text" name="cardValue" placeholder="请输入充值金额" datatype="price" errormsg="请输入正确的充值金额" nullmsg="充值金额是必须填写的"> 元
                        <span class='Validform_checktip Validform_error3' /> 
                    </div>
                    <div class="couponOption">
                        <label class="formTipText">*&nbsp;售价：</label>
                        <input class="couponInput couponNum js_accountDiscount" type="text" name="accountDiscount" placeholder="请输入售卡金额" datatype="price" errormsg="请输入正确的售卡金额" nullmsg="售卡金额是必须填写的"> 元
                        <span class='Validform_checktip Validform_error3' /> 
                    </div>
                    <!-- <div class="couponOption">
                        <label class="formTipText">*&nbsp;卡次 ：</label>
                        <input class="couponInput couponNum" type="text" name="cardCount" placeholder="使用次数"> 元
                    </div> -->
                    <div class="couponOption js_card1">
                        <label class="formTipText">*&nbsp;服务：</label>
                        <input type="hidden" name="serviceId" placeholder="">
                       <button class="right_bespeak_btn_card js_addService">添加服务</button>
                    </div>
                    <div class="couponOption js_list_wrap hidden">
                         <label class="formTipText">&nbsp;</label>
                         <div class="service_list" style="display:inline-block;width:30rem;"></div>
                    </div>
                    <div class="couponOption">
                        <label class="formTipText">*&nbsp;有效时间：</label>
                        <input class="couponInput js_validTime" type="text" name="validTime" placeholder="请输入有效时间" datatype="*" errormsg="请输入一个正确的有效时间" nullmsg="有效时间是必须填写的"> 天
                        <span class='Validform_checktip Validform_error3' /> 
                    </div>
                    <div class="couponOption">
                        <label class="formTipText">&nbsp;</label>
                        <div class="buttongroup" style="display:inline-block">
                            <button class="storeSetting_btn_color btn_active_color edit_ok"><a class="btn_fontColor btn_active_fontColor" href="javascript:void(0)">保存</a></button>
                            <button class="storeSetting_btn_color edit_cancel"><a class="btn_fontColor" href="javascript:void(0)">取消</a></button>
                        </div>
                    </div>                
            </div>
        </div>
    </div>
</div>
<!--添加服务-->
<div class="addBespeak hidden">
    <div class="addBespeak_box">
        <p class="addBespeak_tit">
            添加卡项服务<span class="addBespeak_tit_close">×</span>
        </p>
        <div class="addBespeak_tit_searchbox">
            <select name="" id="" class="searchbox_select">
                <option value="请选择"></option>
            </select>
            <input class="searchbox_input" type="text" placeholder="搜索">
        </div>
        <table class="searchbox_table_width">
            <thead>
            <tr class="bespeak_change_title">
                <th class="addBespeak_change_one">服务</th>
                <th class="addBespeak_change_two">销售价</th>
                <th class="addBespeak_change_one">创建时间</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            <tr class="bespeak_change_detail">
                <td class="bespeak_change_one">
                    <img class="bespeak_change_img" src="${pageContext.request.contextPath}/images/1.jpg">
                    <div class="bespeak_change_name">
                        <span></span>
                        <span>小儿推拿</span>
                    </div>
                </td>
                <td class="addBespeak_change_two">￥99.00</td>
                <td class="addBespeak_change_one">2018-04-01</td>
                <td>
                    <button class="addBespeakButton button_stsue_cancle">选择</button>
                </td>
            </tr>
            </tbody>
        </table>
    </div>
</div>
<div class="hidden dialogelm js_service">
    <div style="width:100%">
            <!-- <table class="zcdatatable js_service_list"> -->
            <table class="zctable table table-striped table-no-bordered table-hover js_service_list" cellspacing="0" width="100%" style="width:100%">
                <thead>
                    <tr class="">
                        <th>服务</th>
                        <th>销售价</th>
                        <th>创建时间</th>
                        <th>选择</th>
                    </tr>
                </thead>
            </table>
    </div>
    
</div>
</body>
<script src="${pageContext.request.contextPath}/js/zcbase.js"></script>
<script src="${pageContext.request.contextPath}/js/card.js"></script>
<script>

</script>
</html>